Inserindo, Removendo e manipulando elementos do documento HTML

Para retornar a página a condição inicial digite F5.

O JQuery permite que modifiquemos o conteúdo da página de acordo com as nossas necessidades.




Anexar dentro da tag no inicio ou no fim da mesma

Temos funcionalidades que afetam o conteudo interior de tags tipo <a></a>:
Funções : Append (adicionar depois - antes do fim da tag) e Prepend(adicionar antes - depois do começo da tag).

O conteúdo da própria tag

Temos funcionalidades que trocam toda a tag tipo <a></a>:
Funções : HTML troca o conteúdo da tag e Remove limpa o conteúdo da tag.

Antes e depois da tag

Funcionalidades que afetam o conteúdo logo antes ou depois da tag tipo <a></a>:
Funções : Before (adiciona antes da tag) e After (adiciona depois da tag).


Teste da Função PREPEND

Esta funcionalidade adiciona conteúdo dentro da tag bem no inicio da mesma.

Lista 1:




Teste da Função APPEND

Esta funcionalidade adiciona conteúdo dentro da tag bem no fim da mesma.

Lista 2:




Teste da Função HTML

Esta funcionalidade substitui todo o conteúdo da tag html original por outro.

Lista 3:




Teste da Função Remove

Esta funcionalidade remove completamente o conteúdo html da tag contudo a tag continua existindo e poderá ter seu conteúdo manipulado futuramente.

Lista 4:




Teste da Função Before

Esta funcionalidade NÃO altera a tag mas insere conteúdo antes dela.
Note que depois de inserida a alteração ela não poderá ser retirada ou desfeita.

Lista 5:




Teste da Função After

Esta funcionalidade NÃO altera a tag mas insere conteúdo depois dela.
Note que depois de inserida a alteração ela não poderá ser retirada ou desfeita.

Lista 6: